.LoginCompBox {
    width: 100%;
    min-height: 100vh;
    position: relative;
    font-size: 14px;

    .iconfont {
        font-size: 30px;
        cursor: pointer;
    }

    .Box {
        width: 480px;
        height: 480px;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        box-sizing: border-box;
    }

    .title {
        width: 100%;
        height: 40px;
        // background-color: aqua;
        line-height: 40px;
        // color: ;s
        padding-left: 20px;
        overflow: hidden;
    }

    .rigth {
        float: right;
        padding-right: 40px;
    }

    .content {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }

    .content div {
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .QrCode {
        padding-bottom: 50px;
    }

    .code {
        padding-top: 1px;
    }

    .password {
        padding-top: 1px;
    }


    .footer {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 0;
        left: 0;
        // background-color: aqua;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        font-size: 14px;
    }

    .footer span {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;

        &.active {
            color: @theme-color;
        }
    }

}